<template>
    <div class="body-container">
        <div class="student-info-container" style="margin-top: 15px;">
            <el-descriptions class="margin-top" title="考生信息" :column="3" border>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-user"></i>
                        考生姓名
                    </template>
                    {{studentInfo.trueName}}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-mobile-phone"></i>
                        手机号
                    </template>
                    {{studentInfo.phone}}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-location-outline"></i>
                        学号
                    </template>
                    {{studentInfo.stuId}}
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-tickets"></i>
                        身份
                    </template>
                    <el-tag size="small">学生</el-tag>
                </el-descriptions-item>
                <el-descriptions-item>
                    <template slot="label">
                        <i class="el-icon-office-building"></i>
                        联系地址
                    </template>
                    {{studentInfo.address}}
                </el-descriptions-item>
            </el-descriptions>
        </div>
        <el-divider></el-divider>
        <div class="" style="margin-bottom: 30px;">
            <router-view></router-view>
        </div>
    </div>
</template>

<script>
    export default {
        name: "Exam",
        mounted() {
            this.studentInfo = this.$store.getters.getStudentInfo;
        },
        data() {
            return {
                studentInfo: {}
            }
        },
        methods: {
        }
    }
</script>

<style scoped>

</style>